//检查是否登录
check(function (result) {
	$(".name").text(result.data.name)
	//注销请求
	logout("./comment.html");
})
var bb ;
//分页
function GETlist(pg) {
	AJAX("GET", Burl.list, { page: pg }, function (result) {
		console.log(result)
		//添加内容
		bb=result;
		GETlists(result)
		//更新留言
		UPTx(result)
		// 删除留言			
		delTX(result)
		//加载下一页
		nextpg(result)
	})
}
var pg = 1;
GETlist(1);
//发送留言
$(".Btn").on("click", function () {
	if ($(".Btn").text() == "发送") {
		if ($(".name")[0].innerText !== "游客") {
			GETlist(1);
			AJAX("POST", Burl.add, { content: $("textarea").val() }, function (result) {
				$("#main").html("")
				$("textarea").val("")
			})
		} else {
			BOX("red", "请登录后留言")
		}
	} else if ($(".Btn").text() == "更新") {
		AJAX("POST", Burl.update, { content: $("textarea").val(), id: this.id }, function (result) {
			if (result.status == true) {
				$("#main").html("")
				GETlist(1);
				$("textarea").val("")
				BOX("green", "更新成功")
				$(".UP").attr("id", "")
				$(".Btn").text("发送")
			} else {
				BOX("red", "更新失败")
			}

		})
	}
})

//获取留言列表
function GETlists(result) {
	for (var i = 0; i < result.data.list.length; i++) {
		var OPTN = $("<pre>" + result.data.list[i].content + "</pre>")
		var box = $("<div></div>")
		if (sessionStorage.getItem("key") == result.data.list[i].user_id) {
			var BTN = $("<button class='BT' type='button' data-toggle='modal' href='#myModal'>删除</button>").attr("id", result.data.list[i].id)
			var UP = $("<button class='UP'>更新</button>").attr("id", result.data.list[i].id)
			box.append(UP)
			box.append(BTN)
		}
		OPTN.append(box)
		$("#main").append(OPTN)
	}
}
//删除留言
function delTX(result) {
	$(".BT").on("click", function () {
		console.log(this.id)
		$(".btn").attr("id", this.id)
		for (let index = 0; index < result.data.list.length; index++) {
			if (result.data.list[index].id == this.id) {
				var T = result.data.list[index].content
			}
		}
		$(".modal-body").text(T)
	})
}
//更新留言
function UPTx(result) {
	$(".UP").on("click", function () {
		for (let index = 0; index < result.data.list.length; index++) {
			if (result.data.list[index].id == this.id) {
				var T = result.data.list[index].content
			}
		}
		$(".Btn").attr("id", this.id)
		$("textarea").val(T)
		$(".Btn").text("更新")
	})
}
//加载下一页
function nextpg(result) {
	$(".pg").remove()
	$("#main").append($("<div class='pg'>加载更多</div>"))
	$(".pg").on("click", function () {
		++pg;
		GETlist(pg)
		$(".BT").off()
		$(".UP").off()
	})
	if (result.data.total == $(".option").length) {
		$(".pg").text("已加载完毕")
		$(".pg").off()
	}
}
//草稿箱
window.onbeforeunload = function () {
	localStorage.setItem("text", $("textarea").val())
}
$("textarea").val(localStorage.getItem("text"))
//模态框
$(".btn").on("click", function () {
	AJAX("POST", Burl.comment_delete, { id: this.id }, function (result) {
		if (result.status == true) {
			$("#main").html("")
			GETlist(1);
			BOX("green", "删除成功")
		} else {
			BOX("red", "删除失败")
		}
	})
})
//loading状态
$('#myButton').on('click', function() {
	console.log('click');

	var $btn = $(this).button('loading')
	setTimeout(function() {
		$btn.button('reset')
	}, 1000);
})
setTimeout(() => {
	console.log(bb);
	
}, 3000);